<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 一号店 </title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="../lib/font/css/font-awesome.min.css">
</head>
<body>
    <!-- 页头 -->
    <div class="head">
        <div class="header">
            <span class="left">送货至：四川</span>
            <span class="right">
                 <a href="loginpage.html">你好，请登录</a>
                 <a href="registerpage.html" class="se">免费注册</a>
                 <a href=""> |  我的订单 </a>
                 <a href=""> | 收藏夹 </a>
                 <a href=""> 客户服务</a>
                 <a href="">网站导航 |</a>
                 <span>关注我们：</span>
                 <img src="./images/sh1.png" alt="">
                 <img src="./images/sh2.png" alt="">
                 <a href="">手机版</a>
                 <i class="fa fa-mobile"></i>
             </span>

        </div>
        <div class="content">
            <div class="image">
                  <img src="./images/loginlogo.jpg" alt="">
            </div>
            <div class="search1">
                <div class="search">
                    <input type="text" placeholder="请输入关键字">
                    <div class="btn">
                        <i>搜索</i>
                    </div>
                </div>
                <p> 咖啡 iphone 6S 新鲜美食 蛋糕 日用品 连衣裙</p>
            </div>
            <button class="shopping-cart">
                <img src="./images/cars.png" alt="">
                <span>购物车</span>
            </button>
        </div>
        <div class="title">
            <h3>全部商品分类</h3>
            <ul>
                <li class="se">首页</li>
                <li class="se">自营超市</li>
                <li>一号团</li>
                <li>一号超市</li>
                <li>女装</li>
                <li>美妆</li>
                <li>一号海购</li>
                <li>团购</li>
            </ul>
            <span>
                <img src="./images/nav9.png" alt="">
                <a href=""> 手机下单惊喜多多！</a>
            </span>
        </div>


    </div>
    <!-- 主体 -->
    <div class="container">

    </div>
    <!-- 页尾 -->
    <div class="foot">
        <div class="images">
            <div class="image">
                <img src="./images/b1.png" alt=""> 
                <span class="bold">正品保障</span><br>
                <span>正品行货  放心购买</span>
            </div>
            <div class="image">
                <img src="./images/b2.png" alt=""> <br>
                <span class="bold">满38包邮</span><br>
                <span>满38包邮  免邮费</span>
            </div>
            <div class="image">
                <img src="./images/b3.png" alt=""> 
                <span class="bold">天天低价</span><br>
                <span>天天低价  畅选无忧</span>
            </div>
            <div class="image">
                <img src="./images/b4.png" alt=""> 
                <span class="bold">准时送达</span><br>
                <span>收货时间由你做主</span>
            </div>

        </div>
        <div class="content">
            <div class="about">
                <div class="about1">
                    <dl>
                        <dt>新手上路</dt>
                        <dd>售后流程</dd>
                        <dd>购物流程</dd>
                        <dd>订货方式</dd>
                        <dd>隐私声明</dd>
                        <dd>推荐分享说明</dd>
                    </dl>                  
                </div>
                <div class="about1">
                    <dl>
                        <dt>配送与支付</dt>
                        <dd>货到付款区域</dd>
                        <dd>配送支付查询</dd>
                        <dd>支付方式说明</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>会员中心</dt>
                        <dd>资金管理</dd>
                        <dd>我的收藏</dd>
                        <dd>我的订单</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>服务保障</dt>
                        <dd>退换货原则</dd>
                        <dd>售后服务保证</dd>
                        <dd>产品质量保证</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>联系我们</dt>
                        <dd>网站故障报告</dd>
                        <dd>购物咨询</dd>
                        <dd>投资与建议</dd>
                    </dl>
                </div>
            </div>
            <div class="code">
                <div class="image">
                    <img src="./images/er.gif" alt="" class="er-code">
                    <p>扫一扫关注我们</p>

                </div>
                <div class="image1">
                    <img src="./images/b_sh_1.png" alt=""> <span>新浪微博</span>
                    <img src="./images/b_sh_2.png" alt=""> <span>腾讯微博</span>
                    <p>服务热线</p>
                    <i>400-123-4567</i>

                </div>

            </div>

        </div>
        <div class="footer">
            <p>沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 </p>
            <img src="./images/b_1.gif" alt="">
            <img src="./images/b_2.gif" alt="">
            <img src="./images/b_3.gif" alt="">
            <img src="./images/b_4.gif" alt="">
            <img src="./images/b_5.gif" alt="">
            <img src="./images/b_6.gif" alt="">
        </div>

    </div>
</body>
</html>